import BaseView from "../baseView.js";

export default class conditionschedules extends BaseView {
    render() {
        $("#Content").html(`
         <div>
         <div style="margin: 30px 10px 0 20px ">
         <span class="layui-breadcrumb" style="visibility: visible;">
             <a>学生管理系统/</a>/
             <a>学生资料管理/</a>/
             <a>添加学生</a>
          </span>
          <hr/>
          <p>电影海报</p>
          <img src="../../images/电影.jpg" class="layui-upload-img" id="demo1"  style="width:100px;height:100px;">
          <p>时间</p>
            <ul>
             <li id="time">12月10日</li>
            </ul>

            <table id="showDatas" lay-filter="showdatas"></table>
       
         <div class="layui-form-item">
           <div class="layui-input-block">
             <button type="reset" class="layui-btn layui-btn-primary" id="back">返回</button>
           </div>
         </div>
        `)
    }
    handle() {
        // 增加JS功能
        $("#addLayuijs").html(`
        //绑定工具栏
        <script type="text/html" id="toolDemo">
            <a class="layui-btn layui-btn-xs" lay-event="detail">查询</a>
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        </script>
      
        <script>
        layui.use('table', function(){
          var table = layui.table;
          
          //test 是 table 原始容器的属性 lay-filter="对应的值"
          table.on('tool(showdatas)', function(obj){
            //obj.data 指的就是一行数据
            var data = obj.data; //一行数据就是一个json对象
            console.log(data)
            //判断你点击了哪个按钮
            //删除
            if(obj.event === 'del'){
              //console.log("删除===")
              //写删除的时候一定要让用户确认是否删除
              layer.confirm('真的删除该数据吗?', function(index){
                // console.log("确定删除")
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                layer.close(index);
                //向服务端发送删除指令
                //console.log(data._id)
                console.log(data._id)
                 $.ajax({
                   type:"delete",
                   url:"/Schedules/delSchedules/"+data._id,
                   dataType:"json",
                   success:(data)=>{
                        if(data.code==1){
                           alert(data.msg);
                           //重新刷新页面
                           window.location.hash="#/main/schedulesList"
                        }else{
                          alert(data.msg);
                        }
                   }
                 }) 
              });

            } else if(obj.event === 'edit'){
              //编辑
              //console.log("修改===")
              window.location.hash="#/main/reviseschedules/"+data._id
            }else if(obj.event==='detail'){
              //console.log("查看===")
               //跳转到查看详细信息页面
               window.location.hash="#/main/showschedules/"+data._id
              console.log("查看===")
            }
          });
          //绑定添加事件
        $("#demo1").click(() => {
            $.ajax({
                type: "get",
                url: "/movies/queryall",
                dataType: "json",
                success: (data) => {
                    console.log(data)
                    if (data.code == 0) {
                        // alert(data.msg);
                        console.log(data.data[0].cname);
                        //第一个实例
                        table.render({
                          elem: '#showDatas'
                          ,url: '/schedules/condition' //数据接口
                          ,data:{
                            "cinemasId":"扬名立万",
                          }
                          //当后台返回的数据不满足layui的数据格式时，可进行转换
                          ,parseData: function(res){
                            return {
                            "code": res.status, //解析接口状态
                            "msg": res.message, //解析提示文本
                            "count": res.total, //解析数据长度
                            "data": res.datas //解析数据列表
                            }
                          }
                          ,cols: [[ //表头
                            {field: '_id', title: 'id', fixed: 'left'}
                            ,{field: 'movieId', title: '电影名',}
                            ,{field: 'cinemasId', title: '影院名'}
                            ,{field: 'theaterId', title: '放映厅名',} 
                            ,{field: 'showTime', title: '放映时间',}
                            ,{field: 'price', title: '价格'}
                            //绑定工具栏
                            ,{fixed: 'right', title:'操作', toolbar: '#toolDemo'}
                          ]]
                        });
                    } else {
                        alert(data.msg);
                    }
                }
            })
        })
        });
        </script>
       `)

        // //绑定添加事件
        // $("#demo1").click(() => {
        //     $.ajax({
        //         type: "get",
        //         url: "/movies/queryall",
        //         dataType: "json",
        //         success: (data) => {
        //             console.log(data)
        //             if (data.code == 0) {
        //                 // alert(data.msg);
        //                 console.log(data.data[0].cname);
        //                 $.ajax({
        //                     type: "post",
        //                     url: "/schedules/condition",
        //                     data: {
        //                         "cinemasId":"扬名立万",
        //                         // data.data[0].cname,
        //                         // "showTime": $("#time").text(),
        //                     },
        //                     dataType: "json",
        //                     success: (data) => {
        //                         console.log(data)
        //                         if (data.code == 0) {
        //                             alert(data.msg);
        //                         } else {
        //                             alert(data.msg);
        //                         }
        //                     }
        //                 })
        //             } else {
        //                 alert(data.msg);
        //             }
        //         }
        //     })
        // })

        // 返回
        $("#back").click(() => {
            window.location.hash = "#/main/schedulesList";
        })

    }
}